<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk">

<ui:composition template="../templates/template.xhtml">

	<ui:define name="title">
	 	Web Client Main 
	</ui:define>
	<ui:param name="page" value="home" />
	<ui:define name="header">
		<ui:include src="../header.xhtml" />
	</ui:define>

	<ui:define name="menu">
		<div align="center">
			<h:form id="mennuForm" >
			<h:commandButton value="Back" action="#{clerkNewFilingPage.back}" styleClass="buttonClass" />
		</h:form>
		</div>
	</ui:define>

	<ui:define name="body">
		<h:form>		
			<h:panelGrid columns="1" width="80%" styleClass="outerTable" columnClasses="standardTable_ColumnCentered">
			<f:facet name="header">
			<h:outputText value="New Filings Table"  />
			</f:facet>
			<h:column>
			<h:dataTable id="allPeople"
				value="#{clerkNewFilingPage.dataTableList}" var="newFiling"
				styleClass="iCubed" width="100%" rows="10" rowIndexVar="index">
				<h:column>
					<f:facet name="header">
						<h:outputText id="content" value="Content" />
					</f:facet>
					<h:outputLabel value="#{clerkNewFilingPage.dataTableList.rowIndex+1}" />
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText id="instatiationTime"
							value="Received Date" />
					</f:facet>
			
					<h:outputText value="#{newFiling.instantiationDateTime}"> 
						<f:convertDateTime 
							dateStyle="medium"
							timeZone="America/New_York" 
							type="date"/>
					</h:outputText>
				</h:column>
				
				<h:column>
					<f:facet name="header">
						<h:outputText id="filerName" value="Filer Name" />
					</f:facet>
					
					<h:outputText value="#{newFiling.filerName}" /> 
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText id="caseType"
							value="Case Type" />
					</f:facet>
 					<h:outputText value="#{newFiling.caseType}" /> 

				</h:column>
					<h:column>
					<f:facet name="header">
						<h:outputText id="caseStatus"
							value="Case Status" />
					</f:facet>
 					<h:outputText value="#{newFiling.status}" /> 

				</h:column>
				<!--<h:column>
					<f:facet name="header">
						<h:outputText id="instatiationTime"
							value="Received Date" />
					</f:facet>
			
					<h:outputText value="#{newFiling.instantiationDateTime}">
						<f:convertDateTime 
							dateStyle="medium"
							timeZone="America/New_York" 
							type="date"/> 
					</h:outputText>
				</h:column> -->
				<h:column>
					<f:facet name="header">
						<h:outputText id="lastEvent" value="Last Event" />
					</f:facet>
				<h:outputText value="#{newFiling.eventType}" /> 
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText id="lastEventTime" value="Last Event Time" />
					</f:facet>
					<h:outputText value="#{newFiling.eventDateTime}"> 
						<f:convertDateTime 
							dateStyle="medium"
							timeZone="America/New_York" 
							type="date"/>
					</h:outputText>
				</h:column>
				<!--<h:column>
					<f:facet name="header">
						<h:outputText id="lastEvent" value="Last Event" />
					</f:facet>
				<h:outputText value="#{newFiling.eventType}" /> 
				</h:column> -->
				<h:column>
					<f:facet name="header">
						<h:outputText id="filingID" value="Case Details" />
					</f:facet>
			<h:commandLink value="Case Details" action="#{clerkNewFilingPage.gotoCaseDetailPage}"> 
					<f:param name="caseUuid" value="#{newFiling.uuid}" />
					</h:commandLink>					
				</h:column>
				<h:column>
					<f:facet name="header">
						<h:outputText id="clear" value="Clear" />
					</f:facet>
					<h:commandLink value="clear" action="#{clerkNewFilingPage.clear}" >
				<f:param name="caseUuid" value="#{newFiling.uuid}"  />
					</h:commandLink>
				</h:column>		                 
				
			</h:dataTable>
			</h:column>			
			<h:column>
			<div align="center">
				<t:dataScroller fastStep="5"
					styleClass="scrollerTable" pageCountVar="pageCount"
					pageIndexVar="pageIndex" paginator="true" paginatorMaxPages="10"
					paginatorTableClass="paginator"
					paginatorActiveColumnStyle="font-weight:bold;" immediate="false"
					for="allPeople">
					<f:facet name="first">
						<t:graphicImage url="/images/arrow-first.gif" border="1"
							styleClass="objectList_GraphicImage" />
					</f:facet>
					<f:facet name="last">
						<t:graphicImage url="/images/arrow-last.gif" border="1"
							styleClass="objectList_GraphicImage" />
					</f:facet>
					<f:facet name="previous">
						<t:graphicImage url="/images/arrow-previous.gif" border="1"
							styleClass="objectList_GraphicImage" />
					</f:facet>
					<f:facet name="next">
						<t:graphicImage url="/images/arrow-next.gif" border="1"
							styleClass="objectList_GraphicImage" />
					</f:facet>
					<f:facet name="fastforward">
						<t:graphicImage url="/images/arrow-ff.gif" border="1"
							styleClass="objectList_GraphicImage" />
					</f:facet>
					<f:facet name="fastrewind">
						<t:graphicImage url="/images/arrow-fr.gif" border="1"
							styleClass="objectList_GraphicImage" />
					</f:facet>
				</t:dataScroller>
				</div>
				</h:column>
			</h:panelGrid>
		</h:form>
	</ui:define>

</ui:composition>

</html>
